<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>毛线的生成API文档</title>
</head>
<body>

<form action="/word3" method="get" target="_blank">
    <div>
        <h5>我要生成API文档</h5>
    </div>
    <div>
        <label>SwaggerUI的api-docs路径:</label>
    </div>
    <div>
        <input class="url" required="required" type="text" id="url" name="url">
    </div>
    <div>
        <label>
            <input type="checkbox" id="exportWord" name="exportWord">
            是否包含导出按钮
        </label>
    </div>
    <br/>
    <div>
        <input class="favorite styled"
               type="submit"
               id="autoRead"
               value="开始生成">
    </div>
</form>


<form action="/excel" method="get" target="_blank">
    <div>
        <h5>我要生成API接口列表</h5>
    </div>
    <div>
        <label>SwaggerUI的api-docs路径:</label>
    </div>
    <div>
        <input class="url" required="required" type="text" id="url" name="url">
    </div>
    <br/>
    <div>
        <input class="favorite styled"
               type="submit"
               id="autoRead"
               value="开始生成">
    </div>
</form>
</body>
<script src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
<style>
    .styled {
        border: 0;
        line-height: 2.5;
        padding: 0 20px;
        font-size: 0.68rem;
        text-align: center;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        border-radius: 10px;
        background-color: rgba(220, 0, 0, 1);
        background-image: linear-gradient(to top left,
        rgba(0, 0, 0, .2),
        rgba(0, 0, 0, .2) 30%,
        rgba(0, 0, 0, 0));
        box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
        inset -2px -2px 3px rgba(0, 0, 0, .6);
    }

    .styled:hover {
        background-color: rgba(255, 0, 0, 1);
    }

    .styled:active {
        box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
        inset 2px 2px 3px rgba(0, 0, 0, .6);
    }

    form {
        margin: 0 auto;
        width: 60%;
        padding: 1em;
        border: 1px solid #CCC;
        border-radius: 1em;
    }

    label {
        font-size: 80%;
        display: inline-block;
        width: 80%;
    }

    .url {
        font: 1em sans-serif;
        width: 90%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #999;
    }
</style>
</html>